<template>
  <div>子组件 - {{ name }}</div>
</template>

<script setup>
import { onMounted } from "vue";

// setup属性需要接受自定义属性，需要使用defineProps
// defineProps里面的传参就是以前props选项的属性值
// const { name } = defineProps(["name"]);
const { name } = defineProps({
  name: String,
});

// defineEmits里面的传参就是以前emits选项的属性值,也可以传对象，用于对参数进行校验
const emit = defineEmits(["abc"]);
onMounted(() => {
  emit("abc");
});

// export default {
//   props: ["name"]
//   props: {
//     name: String,
//   },
//   props: {
//     name: {
//       type: String,
//       required: true,
//     }
//   }
// }
</script>
